<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表单练习</title>
		
		<link rel="stylesheet" href="css/bootstrap.min.css"/>
	</head>
	<body>
		<div class="container">
			<h1>学生信息管理系统mis</h1>
			
			<div class="form-group">
				<label for="name">姓名:</label>
				<input type="text" name="name" id="name" value="" 
					class="form-control"
					placeholder="请输入姓名..."	
				/>
			</div>
			
			<div class="form-group">
				<label for="age">年龄:</label>
				<input type="number" name="age" id="age" value="" 
					class="form-control"
					placeholder="请输入年龄..."	
				/>
			</div>
			
			<div class="form-group">
				<label for="sex">性别:(单选框)</label>
				<div class="radio-inline">
					<input type="radio" name="sex" id="sex" checked="checked" value="" />男
				</div>	
				<div class="radio-inline">
					 <input type="radio" name="sex" id="sex" value="" />女
				</div>
			</div>
			
			<div class="form-group">
				<label for="hobby">爱好:(多选)</label>
				<div class="checkbox-inline">
					<input type="checkbox" name="hobby" id="hobby" checked="checked" value="" />乒乓球
				</div>
				<div  class="checkbox-inline">
					<input type="checkbox" name="hobby" id="hobby" value="" />爬山
				</div>
				<div  class="checkbox-inline">
					<input type="checkbox" name="hobby" id="hobby" value="" />唱歌
				</div>
			</div>
			
			<div class="form-group">
				<label for="edu">学历:(下拉框)</label>
				<select name="edu" id="edu">
					<option value="1">幼儿园</option>
					<option value="2">小学</option>
					<option value="3" selected="selected">初中</option>
					<option value="4">高中</option>
					<option value="5">大专</option>
				</select>
			</div>
			
			<div class="form-group">
				<input class="btn btn-primary" type="button" id="submit" value="保存" />
				<button class="btn btn-danger" name="clear">取消</button>
			</div>
		</div>
	</body>
</html>
